<template>
  <div class="day-list">
    <List-item title="当前年月" :content="data['year-month']"></List-item>
    <List-item title="今年属相" :content="data.animalsYear"></List-item>
    <List-item title="农历年份" :content="data.lunarYear"></List-item>
    <List-item title="适宜事件" :content="data.suit"></List-item>
    <List-item title="避免事件" :content="data.avoid"></List-item>
  </div>
</template>
              
              
<script>
import ListItem from "./Item";
export default {
  name: "DayList",
  components: {
    ListItem,
  },
  props: {
    data: Object,
  },
};
</script>
                         
<style lang="scss" scoped>
.day-list {
  padding: 0.15rem;
  box-sizing: border-box;
}
</style>